<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>王者荣耀竞猜管理平台</title>
    <link rel="stylesheet" type="text/css"
          href="${pageContext.request.contextPath}/static/jquery-easyui-1.5.3/themes/default/easyui.css">
    <link rel="stylesheet" type="text/css"
          href="${pageContext.request.contextPath}/static/jquery-easyui-1.5.3/themes/icon.css">
    <script type="text/javascript"
            src="${pageContext.request.contextPath}/static/jquery-easyui-1.5.3/jquery.min.js"></script>
    <script type="text/javascript"
            src="${pageContext.request.contextPath}/static/jquery-easyui-1.5.3/jquery.easyui.min.js"></script>
    <script type="text/javascript"
            src="${pageContext.request.contextPath}/static/jquery-easyui-1.5.3/locale/easyui-lang-zh_CN.js"></script>
</head>
<body>
<div align="center">
    <form id="ff" method="post" action="/raceInfo/save" enctype="multipart/form-data">
        <table cellpadding="5">

            <tr>
                <td>赛事名称：</td>
                <td><input class="easyui-textbox" type="text" id="fdName" name="fdName" data-options="required:true"/>
                </td>
            </tr>
            <tr>
                <td>赛事描述：</td>
                <td><input class="easyui-textbox" type="text" id="fdDesc" name="fdDesc" data-options="required:true"/>
                </td>
            </tr>
            <tr>
                <td>比赛开始时间：</td>
                <td><input class="easyui-datetimebox" name="fdStartTime"
                           data-options="required:true,showSeconds:true,editable:false" value=""/>

                </td>
            </tr>
            <tr>
                <td>比赛结束时间：</td>
                <td><input class="easyui-datetimebox" name="fdEndTime"
                           data-options="required:true,showSeconds:true,editable:false" value=""/>
                </td>
            </tr>

            <tr>
                <td>所属游戏：</td>
                <td><input id="fdGameId" name="fdGameId" class="easyui-combobox" data-options="
                    required:true,
                    valueField: 'fdId',
                    textField: 'fdName',
                    editable:false,
                    url: '/gameInfo/comboList',
                    onSelect:function(record){
                        $('#fdGameName').val(record.fdName);
                    },
                    onLoadSuccess: function (data) {
                       $('#fdGameId').combobox('select', data[0].fdId);
                    }"/>
                    <input type="hidden" id="fdGameName" name="fdGameName"/>
                </td>
            </tr>
            <tr>
                <td>赛事背景图：</td>
                <td>
                    <input class="easyui-filebox" name="racePic" id="racePic"
                           data-options="prompt:'选择图片...',required:true,buttonText:'选择图片',accept: 'image/*',buttonAlign:'right',editable:false">
                </td>
            </tr>
        </table>
    </form>
    <div style="text-align:center;padding:5px">
        <a href="javascript:void(0)" class="easyui-linkbutton" onclick="submitForm()">提交</a>
        <a href="javascript:void(0)" style="margin-left: 20px" class="easyui-linkbutton" onclick="clearForm()">重置</a>
    </div>
</div>
</body>
<script src="${pageContext.request.contextPath}/static/pages/raceInfo/add.js"></script>
</html>